<template>
    <div class="job">
        <!-- 导航栏 -->
        <van-nav-bar title="找工作" left-text="返回" right-text="首页" left-arrow @click-left="onClickLeft"
            @click-right="onClickRight" />

      
        <div class="main">
              <!-- 搜索 -->
        <van-search v-model="value" show-action label="地址" placeholder="职位/公司" @search="onSearch">
            <template #action>
                <div @click="onSearch" >搜索</div>
            </template>
        </van-search>
            <!-- 分类组件 -->
            <!-- <job-sort></job-sort> -->
            <!-- 推荐图片 -->
            <!-- <job-recommoned></job-recommoned> -->
            <img src="../../assets/QQ截图20221012203329.png" alt="" class="hs">
            <!-- 滚动条 -->
            <van-notice-bar left-icon="volume-o" text="工作重要还是五险一金重要" />
            <!-- 岗位分类 -->
               <job-list class="list"></job-list>
               <!-- <profession-list></profession-list> -->
        </div>
    
    </div>

</template>    
<script>
// 引入子组件
// import jobSort from "./component/jobSort.vue"
// import jobRecommoned from "./component/jobRecommend.vue"
import jobList from "./component/jobList.vue"
// import professionList from "./component/professionList.vue"
export default {
    data() {
        return {
            value: '',
        }
    },
    mounted(){
    window.scrollTo(0,0);   
    
  },
  
    methods: {
        onSearch() {
            //   Toast(val);
            this.$dialog.alert({
            message: "此功能暂未开放,敬请期待!"
          }).then(() => {

          })
        },
        onCancel() {
            //   Toast('取消');
        },
        onClickLeft() {
            this.$router.go(-1)
        },
        onClickRight() {
            this.$router.push("/")
        },

    },

 
    components: {
        jobList
    }
}

</script>
<style lang="scss" scoped>
.van-nav-bar{
    width: 100%;
    position: fixed;
    top: 0;
    left: 0;
    margin-bottom: 46px;
    z-index: 10000;
}
.main {
    margin-top: 46px;
    background-color: rgb(247, 247, 247) !important;
    padding: 5px 6px;
    height: 1000px;

    .van-grid {
        margin-bottom: 5px;
    }
    .van-notice-bar{
        margin-bottom: 5px;
    }
    .hs{
        width: 100%;
    }
}
</style>